<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script type="text/javascript" src="./layui/layui.js"></script>
</head>
<body>

	<form class="layui-form" action="">
		

		<input type="text" lay-verify="phone" class="layui-input">
		<input type="text" lay-verify="email" class="layui-input">
		<input type="text" lay-verify="required" class="layui-input">
		<input type="radio" name="sex" title="男">
		<input type="radio" name="sex" title="女">
		<select name="" id="">
			<option value="">123</option>
			<option value="">123</option>
		</select>
		<button class="layui-btn" lay-submit="" lay-filter="formDemo">立即提交</button>
	</form>

	<div class="layui-progress layui-progress-big" lay-showPercent="yes">
  <div class="layui-progress-bar layui-bg-green" lay-percent="50%"></div>
</div>


<table class="layui-table">
  <colgroup>
    <col width="150">
    <col width="200">
    <col>
  </colgroup>
  <thead>
    <tr>
      <th>昵称</th>
      <th>加入时间</th>
      <th>签名</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
    </tr>
  </tbody>
</table>

	<script type="text/javascript">

		layui.use(['layer','layedit','form','element'], function(){
		  var layer = layui.layer;
		  var layedit = layui.layedit;
		  var form = layui.form;

		  // layedit.build('xbs');
		  
		}); 

	</script>
	
</body>
</html>